<template>
  <div class="goods">
      <div class="menu-wrapper">goods</div>
      <div class="foods-wrapper">goods</div>
  </div>
</template>

<script  type="text/ecmascript-6">
export default {
  props: {
      seller: {
          type: Object
      }
  },
    data(){
        return {
            goods: []
        }
    },
    created(){
       this.$http.get('./api/goods').then((response) => {
           response = response.body;
           if(response.errno == 0)
           {
               this.goods = response.data;
               console.log(this.goods);
           }
       })
    }

}
</script>

<style scoped lang="less" rel="stylesheet/less">
    .goods {
        display: flex;
        /*height: 100%;*/
        .menu-wrapper {
            /*height: 100%;*/
            flex: 0 0 80px;
            width: 80px;
            background-color: blue;
        }
        .foods-wrapper {
            flex: 1;
            background-color: pink;
            /*height: 100%;*/
        }
    }
</style>
